import React, { Component } from 'react';
import styles from './Table.css'; 
import { Table } from 'antd';

const dataSource = [
    {
      key: '1',
      name: '安新县',
      age: 831706,
      address: '20.9',
      address1: '中坝乡',
    },
    {
      key: '2',
      name: '雄县',
      age: 831706,
      address: '20.9',
      address1: '中坝乡',
    },
  ];
  
  const columns = [
    {
      title: '站点',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: '站号',
      dataIndex: 'age',
      key: 'age',
    },
    {
      title: '气温(°C)',
      dataIndex: 'address',
      key: 'address',
    },{
      title: '区县',
      dataIndex: 'address1',
      key: 'address1',
    },
  ];
//实时监测
class TbaleCom extends Component {
  constructor(props){
    super(props);
    this.formRef = React.createRef();
    this.state={ 
    }
  }

     
  
   
  componentDidMount(){
      
  }

  render() { 
      const {leftdata,inputData} = this.state;
    return (
      <div className={styles.centerBox}>
          <div className={styles.numBox}>
                <div>
                    <div>最低气温</div>
                    <div><span className={styles.tem}>23</span>℃</div>
                </div>
                <div>
                    <div>出现地点</div>
                    <div className={styles.address}>安新县</div>
                </div>
          </div>
          <Table 
              dataSource={dataSource}
              columns={columns} 
              pagination = {false}
           />
      </div>
    );
  }
}

export default TbaleCom;
